<aside class="menu is-fullheight is-narrow-mobile is-hidden-mobile">
  <ul class="menu-list">  
    <li>
      <a href="/getting-started" class="{% if page.url == '/getting-started' %}is-active{% endif %}">Getting Started</a>
    </li>  
  </ul>
  {% if site.collections %}
    {% assign collections = site.collections | sort: 'weight' %}
    {% for collection in collections %}
      {% if collection.label != "posts" %}
        <p class="menu-label"> 
        {% if collection.icon %}
          {% assign icon = collection.icon %}
          <span class="icon"><i class="fas {{ icon }}"></i></span>
        {% else %}
          <span class="icon"><i class="fas fa-book-open"></i></span>
        {% endif %}
        
        {{ collection.name | capitalize }}
        </p>
        <ul class="menu-list">
          {% assign items = site[collection.label] | sort: "weight" %}
          {% for item in items %}
            {% if item.hidden != true %}
              <li>
                <a href="{{ item.url }}" class="{% if item.url == page.url %}is-active{% endif %}">
                 {{ item.title }}
                </a>
              </li>
            {% endif %}
          {% endfor %}
          </ul>
      {% endif %}
    {% endfor %}
  {% endif %}
</aside> 
